<template>
  <div class="detail-wrapper">
    <detail-name :name="name"></detail-name>
    <!-- 评分 -->
    <detail-stars :starNum="Number(starNum)"
    :score="score"
    ></detail-stars>
    <!-- 地址 -->
    <detail-address :address="address"></detail-address>
    <!-- 价格 -->
    <detail-price :price="price"></detail-price>
    <!-- 日期 -->
    <detail-open-date :openDateTime="openDateTime"></detail-open-date>
    <!-- 推建菜品 -->
    <detail-recom :recomText="recomText"></detail-recom>
    <!-- 评论 -->
    <detail-comment :keyData="keyData"></detail-comment>
  </div>
</template>

<script>
import DetailName from './Sub/Name.vue'
import DetailStars from './Sub/Stars.vue'
import DetailAddress from './Sub/Address.vue'
import DetailPrice from './Sub/Price.vue'
import DetailOpenDate from './Sub/OpenDate.vue'
import DetailRecom from './Sub/Recom.vue'
import DetailComment from './Sub/CommentKeyword.vue'

export default {
  name: 'DetailFood',
  components: {
    DetailName,
    DetailStars,
    DetailAddress,
    DetailPrice,
    DetailOpenDate,
    DetailRecom,
    DetailComment
  },
  props: {
    keyData: {
      type: Array,
      default () {
        return [];
      }
    },
    openDateTime: {
      type: String,
      default () {
        return '加载中...'
      }
    },
    recomText: {
      type: String,
      default () {
        return '加载中...'
      }
    },
    name: {
      type: String,
      default () {
        return '加载中...'
      }
    },
    starNum: {
      type: [Number, String],
      default () {
        return 5
      }
    },
    score: {
      type: [Number, String],
      default () {return 5.0}
    },
    address: {
      type: String,
    },
    price: {
      type: [String, Number],
      default () {
        return 0
      }
    }
  },
  
}
</script>

<style>

</style>